<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>WWJ - main</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../lib/$UI.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$Grid.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$ExcelEditor.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$DBEditor.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../css3/main.css" /> <!-- TODO:-->
</head>

<body>
  <header class="hat">
    <div class="logobar">
      <img src="../img/logo.png" alt="WWJ" title="WWJ" />
      <label>WWJ</label>
    </div>

    <div class="minibar">
      <button id="btnRefresh">Refresh</button>
      <button id="btnWV">Try WebView</button>
      <button id="btnTry">Try</button>
    </div>

    <div class="winbar">
      <button id="btnFilter">&#8595;</button>
      <button id="btnFilter">&#8593;</button>
      <button id="btnFilter">Y</button>
      <button id="btnMinWin">-</button>
      <button id="btnInitWin">*</button>
      <button id="btnMaxWin">+</button>
      <button id="btnExitWin">&#10006;</button>
    </div>
  </header>
  <header>
    <nav class="navbar">
      <!--
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="/">Home</a></li>
        <li><a href="/products">Products</a></li>
        <li><a href="/services">Services</a></li>
        <li><a href="/about">About</a></li>
      </ul>
      -->
      <label id="lblStep4Com">&nbsp;</label>
      <a0-btn txt="UIEditor"></a0-btn>
      <button id="btnUIEditor">UI Editor</button>
      <label id="lblStep4Com"> | TODO: | </label>
      <button id="btnOpenGridEditor">TODO: Grid Editor</button>
      <button id="btnOpenDBEditor">TODO: DB Editor</button>
      <button id="btnOpenExcelEditor">TODO: Excel Editor</button>
      <button id="btnOpenWordEditor">TODO: Word Editor</button>

      <label id="lblStep4Com">TODO: Welcome</label>
      <a href="https://www.bing.com" target="_blank">openBingInEdge</a>
    </nav>

    <div class="userbar">
      <button id="btnRegist">Regist</button>
      <button id="btnLogin">Login</button>
      <button id="btnLogout">Logout</button>
    </div>
  </header>

  <fieldset id="fdsUIE" class="uiEditorArea mainer">
    <legend>UI Editor</legend>
    <nav>
      <ul>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
      </ul>
    </nav>
    <main>
      <button>UIButton</button>
      <button>UIButton</button>
      <button>UIButton</button>
    </main>
  </fieldset>

  <fieldset id="fsWV" class="comWebViewArea mainer">
    <legend>Common WebView</legend>
    <webview id="wv"></webview>
  </fieldset>

  <!-- TODO: Begin-->
  <fieldset id="gE" class="gridEditorArea mainer">
    <legend>Grid Editor</legend>
  </fieldset>

  <fieldset id="dbE" class="dbEditorArea mainer">
    <legend>DB Editor</legend>
    <fieldset class="dbEBtnSet">
      <legend>DB</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
    <fieldset class="dbEBtnSet">
      <legend>Schema</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
    <fieldset class="dbEBtnSet">
      <legend>Table</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
  </fieldset>

  <fieldset id="xlsE" class="xlsEditorArea mainer">
    <legend>Excel Editor</legend>
    <div id="exEditor"></div>
  </fieldset>

  <fieldset id="docE" class="docEditorArea mainer">
    <legend>Word Editor</legend>
  </fieldset>
  <!-- TODO: End-->

  <script src="../lib/$debug.js"></script> <!-- TODO:-->
  <script src="../lib/_$.js"></script>
  <script src="../lib/$.js"></script>
  <script src="../lib/$Util.js"></script>
  <script src="../lib/$DB.js"></script> <!-- TODO:-->
  <script src="../lib/$Excel.js"></script> <!-- TODO:-->
  <script src="../lib/$UI.js"></script>
  <script src="../lib/$UIButton.mjs"></script>
  <script src="../lib/$Grid.js"></script> <!-- TODO:-->
  <script src="../lib/$ExcelEditor.js"></script> <!-- TODO:-->
  <script src="../lib/$DBEditor.js"></script> <!-- TODO:-->
  <script src="../es/main.js"></script>
</body>

</html>